<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{$eyou.field.seo_title}</title>
        <meta name="keywords" content="{$eyou.field.seo_keywords}" />
        <meta name="description" content="{$eyou.field.seo_description}" />
        <link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon" />
        {eyou:static file="skin/style/pintuer.css" /}
        {eyou:static file="skin/style/header.css" /}
        {eyou:static file="skin/style/style.css" /}
        {eyou:static file="skin/style/iconfont.css" /}
        <!--[if lt IE 9]>{eyou:static file="skin/js/respond.js" /} <![endif]-->
    </head>
    <body>
        <div id="mobile-mask">
            <!-- 公用头部 begin -->
            {eyou:include file="header.htm" /}
            <!-- 公用头部 end -->
            <div class="layout bg-gray">
                <!-- 当前位置 begin -->
                <div class="container-layout">
                    <div class="line">
                        <div class="xl12 xs12 xm12 xb12">
                            <div class="nav-bread">
                                <i class="iconfont icon-home margin-small-right" aria-hidden="true"></i>{eyou:position/}
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 当前位置 end -->
                <div class="container-layout">
                    <div class="line">
                        <div class="xl12 xs12">
                            <div class="article">
                                <div class="padding-large bg-white">
                                    <div class="post">
                                        <!-- 标题 begin -->
                                        <h1>{$eyou.field.title}</h1>
                                        <!-- 标题 end -->
                                        <div class="blank"></div>
                                    </div>
                                    <div class="line">
                                        <div class="xl12 xs12">
                                            <div class="text-gray text-default height-big">
                                                <!-- 作者 begin -->
                                                <span class="margin-right">{$eyou.field.author}</span>
                                                <!-- 作者 end -->
                                                <!-- 更新时间 begin -->
                                                <span class="margin-right">{$eyou.field.update_time|MyDate='Y-m-d',###}</span>
                                                <!-- 更新时间 end -->
                                                <!-- 点击数 begin -->
                                                <span class="margin-right">阅读 {eyou:arcclick /}</span>
                                                <!-- 点击数 end -->
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="bg-gray">
                                    <div class="blank"></div>
                                    <div class="content">
                                        <!-- 内容详情 begin -->
                                        {$eyou.field.content}
                                        <!-- 内容详情 end -->
                                    </div>
                                    <div class="blank-small"></div>
                                    <div class="text-center">
                                        <!-- 收藏 begin -->
                                        {eyou:collect cancel="<i class='iconfont icon-shoucang1 margin-small-right' style='color: #999;'></i>加入收藏" collect="<i class='iconfont icon-shoucang1 margin-small-right'></i>已收藏" }
                                        <a class="button text-center bg-gray border-none radius-rounded text-center text-main" {$field.onclick}>{$field.cancel}</a>
                                        {$field.hidden}
                                        {/eyou:collect}
                                        <!-- 收藏 end -->
                                    </div>

                                    <!-- tag begin -->
                                    <div class="blank-middle"></div>
                                    {eyou:notempty name='$eyou.field.tags'}
                                    <span>Tag：</span>
                                    {eyou:tags getall='0'}
                                    <a href="{$field.link}" class="tag tags bg-yellow radius-rounded text-white margin-small-bottom padding-small"
                                        {$field.target}>{$field.tag}</a>
                                    {/eyou:tags}
                                    {/eyou:notempty}
                                    <div class="blank-small"></div>
                                    <!-- tag end -->
                                </div>
                            </div>
                            <div class="blank"></div>
                        </div>
                        <div class="">
                            <div class="line">
                                <div class="xl12 xs12 xm12 xb12">
                                    <div class="prenext-pro">
                                        <div class="line">
                                            <!-- 上一篇 begin -->
                                            <div class="xl5 xs5 xm5 xb5">
                                                {eyou:prenext get='pre' titlelen='30'}
                                                <a href="{$field.arcurl}" class="button button-block bg-white border radius-none text-main text-middle text-center" title="上一篇:{$field.title}"><i class="iconfont icon-up-arrow-left margin-right"></i>上一篇</a>
                                                {eyou:else /}
                                                <a class="button button-block bg-white border radius-none text-gray text-middle text-center"><i class="iconfont icon-up-arrow-left margin-right"></i>没有了</a>
                                                {/eyou:prenext}
                                            </div>
                                            <!-- 上一篇 end -->
                                            <div class="xl2 xs2 xm2 xb2 text-center">
                                                {eyou:type typeid="$eyou.field.typeid"}
                                                <a href="{$field.typeurl}" class="button radius-none border button-block bg-white text-main text-middle text-center"><i class="iconfont icon-back margin-right"></i><span class="hidden-l">返回</span></a>
                                                {/eyou:type}
                                            </div>
                                            <!-- 下一篇 begin -->
                                            <div class="xl5 xs5 xm5 xb5">
                                                {eyou:prenext get='next' titlelen='30'}
                                                <a href="{$field.arcurl}" class="button border button-block bg-white radius-none text-main text-middle text-center float-right" title="下一篇:{$field.title}">下一篇<i class="iconfont icon-up-arrow-right margin-left"></i></a>
                                                {eyou:else /}
                                                <a class="button button-block bg-white border radius-none text-gray text-middle text-center">没有了<i class="iconfont icon-up-arrow-right margin-left"></i></a>
                                                {/eyou:prenext}
                                            </div>
                                            <!-- 下一篇 end -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="blank"></div>
                        <div class="xl12 xs12">
                            <div class="bg-white padding-big">
                                <div class="title-l">
                                    <h2>随便看看</h2>
                                </div>
                                <ul class="list-post-text">
                                    {eyou:artlist loop='10' orderby='rand'}
                                    <li class="dot"><a href="{$field.arcurl}" title="{$field.title}" class="height">{$field.title}</a></li>
                                    {/eyou:artlist}
                                </ul>
                            </div>
                            <div class="blank"></div>
                            <div class="bg-white padding-big">
                                <div class="title-l">
                                    <h2>产品推荐</h2>
                                </div>
                                <div class="list-post-x line-big">
                                    {eyou:artlist typeid='3' loop='6'}
                                    <div class="xl6 xs6">
                                        <div class="media media-y bg-white margin-bottom">
                                            <div class="padding">
                                                <a href="{$field.arcurl}" title="{$field.title}"><img src="{$field.litpic}" class="img-responsive"></a>
                                                <div class="media-body text-left">
                                                    <h2 class="text-more"><a href="{$field.arcurl}" class="text-default">{$field.title}</a></h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {/eyou:artlist}
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--line end-->
                </div>
                
                <div class="blank-small"></div>
            </div>
            <!-- 公用底部 begin -->
            {eyou:include file="footer.htm" /}
            <!-- 公用底部 end -->
        </div>
        {eyou:static file="skin/js/jquery.min.js" /}
        {eyou:static file="skin/js/pintuer.js" /}
        {eyou:static file="skin/js/common.js" /}
        {eyou:static file="skin/js/mobile.js" /}
    </body>
</html>
